<template>
	<pds-box title="支付方式">
		<view slot="content" class="content">
			<u-radio-group v-model="payment" @change="radioGroupChange">
				<u-cell-group>
					<u-cell-item v-for="(item,index) in paymentList" :arrow="false" :icon-style="{color:item.iconColor}" icon-size="70" :icon="item.icon" :title="item.name" :title-style="{fontSize:'36rpx'}">
						<u-radio 
							@change="radioChange"
							slot="right-icon" 
							:name="item.id"
							:disabled="false">
						</u-radio>
					</u-cell-item>
					<!-- <u-cell-item :border-bottom="false" :arrow="false" :icon-style="{color:'#c71d24'}" icon-size="70" icon="rmb-circle-fill" title="钱包" :title-style="{fontSize:'36rpx'}">
						<u-radio
							@change="radioChange"
							slot="right-icon" 
							name="2"
							:disabled="false">
						</u-radio>
					</u-cell-item> -->
				</u-cell-group>
			</u-radio-group>
		</view>
	</pds-box>
</template>

<script>
	export default {
		name:"pds-payment",
		components:{
			
		},
		data() {
			return {
				payment:'payment',
				paymentList:[],
			};
		},
		created() {
			this.getPaymentList();
		},
		methods:{
			radioChange(ee) {
				this.$emit('paymentChoose',ee);
			},
			radioGroupChange(e){
				// console.log('e',e)
			},
			getPaymentList(){
				this.$u.api.getPaymentList().then(res => {
					this.paymentList = res.data;
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		line-height: 2;
		padding: 0rpx!important;
	}
</style>
